﻿/* -------------
   * 多行文本框颜色 *
* ------------- */
.l-textarea {
    border: 1px solid #A8AAAD;
    margin-left: -1px;
    outline: none;
}

.l-textarea:hover {
    border-color: #01AAEE;
}

l-textarea-invalid, .l-textarea:focus {
    border-color: #FF8801;
}

/* 文本框、下来框、日期框、调整器都使用到这个 */
.l-text {
    position: relative;
    border: none;
    height: 21px;
    line-height: 21px;
    background: white;
    background: url('../images/form/text.gif') repeat-x;
}

.l-text .l-text-l {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 3px;
    height: 21px;
    background: url('../images/form/text-l.gif') no-repeat;
    overflow: hidden;
}

.l-text .l-text-r {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 3px;
    height: 21px;
    background: url('../images/form/text-r.gif') no-repeat;
    overflow: hidden;
}

.l-text-over {
    background: url('../images/form/text-over.gif') repeat-x;
}

.l-text-over .l-text-l {
    background: url('../images/form/text-l-over.gif') no-repeat;
}

.l-text-over .l-text-r {
    background: url('../images/form/text-r-over.gif') no-repeat;
}

.l-text-focus {
    background: url('../images/form/text-focus.gif') repeat-x;
}

.l-text-focus .l-text-l {
    background: url('../images/form/text-l-focus.gif') no-repeat;
}

.l-text-focus .l-text-r {
    background: url('../images/form/text-r-focus.gif') no-repeat;
}

.l-text-invalid {
    background: url('../images/form/text-focus.gif') repeat-x;
}

.l-text-invalid .l-text-l {
    background: url('../images/form/text-l-focus.gif') no-repeat;
}

.l-text-invalid .l-text-r {
    background: url('../images/form/text-r-focus.gif') no-repeat;
}

.l-text-invalid {
    border-color: #FF8801;
}

/*只读时边框*/
.l-text-disabled {
}

/*只读时文本框*/
.l-text-disabled .l-text-field {
}

/* 编辑状态 */
.l-text-editing {
}

/* 表单文本框 input:text */
.l-text-field {
    position: absolute;
    top: 1px;
    left: 3px;
    width: 120px;
    border: 0;
    margin: 0;
    outline: none;
}

/* 表单文本框 内容为空时 */
.l-text-field-null {
    color: #C1C1C1;
}

/* 下拉框/日期/调整器 右侧那个可点击的区域 分别是普通、经过、按住状态 */
.l-trigger, .l-trigger-hover, .l-trigger-pressed {
    background: none;
    border: none;
    width: 18px;
    height: 21px;
    border-left: 1px solid #A8AAAD;
}

/* 下拉框/日期 右侧那个可点击的区域里面的图标 */
.l-trigger-icon {
    background: url('../images/form/icon-down.gif') no-repeat 50% 50%;
}

.l-trigger-hover .l-trigger-icon {
    background-image: url('../images/form/icon-down-over.gif');
}

.l-text-date .l-trigger, .l-text-date .l-trigger-hover, .l-text-date .l-trigger-pressed {
    border-left: none;
}

.l-text-date .l-trigger-icon {
    background: url('../images/form/text-date-icon.gif') no-repeat 50% 50%;
}

/* -------------
  * 调整器 *
* ------------- */
.l-spinner-up .l-spinner-icon, .l-spinner-down .l-spinner-icon {
    overflow: hidden;
    position: absolute;
    left: -1px;
    top: 50%;
    margin-top: -3px;
    width: 100%;
    height: 6px;
    background: no-repeat center top;
}

.l-spinner-down-over {
    background: none;
}

.l-spinner-up-over {
    background: none;
}

.l-spinner-up .l-spinner-icon {
    background-image: url(../images/form/icon-up.gif);
}

.l-spinner-down .l-spinner-icon {
    background-image: url(../images/form/icon-down.gif);
}

.l-spinner-up, .l-spinner-down {
    width: 100%;
    height: 50%;
    overflow: hidden;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
}

.l-spinner-down {
    top: 50%;
}

/*   调整器 中间 */
.l-spinner-split {
    overflow: hidden;
    width: 18px;
    height: 1px;
    position: absolute;
    left: 0px;
    top: 50%;
    z-index: 10;
    background: #B5B8C8;
}

.l-spinner-up-over .l-spinner-icon {
    background-image: url(../images/form/icon-up-over.gif);
}

.l-spinner-down-over .l-spinner-icon {
    background-image: url(../images/form/icon-down-over.gif);
}

/* -------------
   * 验证 *
* ------------- */
.l-verify-star {
    color: Red;
}

/* -------------
    * 复选框 *
* ------------- */
.l-checkbox-wrapper {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin: 0 auto;
    margin-right: 2px;
    padding: 0;
}

a.l-checkbox {
    background: url('../images/form/checkboxradio.gif') no-repeat 0 -12px;
    vertical-align: middle;
    height: 12px;
    width: 12px;
    margin: 0 auto;
    overflow: hidden;
    cursor: pointer;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

div.l-disabled a.l-checkbox {

}

div.l-disabled a.l-checkbox-checked {

}

a.l-checkbox-checked {
    background-position: 0 0px;
}

.l-over a.l-checkbox {
    background-position: 0px -12px;
}

.l-over a.l-checkbox-checked {
    background-position: 0px 0px;
}

/* -------------
    * 单选框 *
* ------------- */
a.l-radio {
    background: url('../images/form/checkboxradio.gif') no-repeat -12px -12px;
    vertical-align: middle;
    height: 12px;
    width: 12px;
}

a.l-radio-checked {
    background-position: -12px 0px;
}

div.l-disabled a.l-radio {
}

div.l-disabled a.l-radio-checked {
}

.l-over a.l-radio {
    background-position: -12px -12px;
}

.l-over a.l-radio-checked {
    background-position: -12px 0px;
}